.home {
    min-width: 1400px;

    .bg1 {
        height: 1000px;
        background-image: url('/home/home_bg.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
        // overflow: hidden;

        .bg2 {
            height: 1000px;
            background-image: url('/home/arrows.svg');
            background-repeat: no-repeat;
            background-position: center top 30px;
            background-size: cover;
            padding-top: 100px;

            .bg3 {
                width: 1400px;
                height: 800px;
                margin: auto;
                color: #fff;
                background-image: url('/home/home_banner@2x.png');
                background-repeat: no-repeat;
                background-position: left 150% top -50px;
                background-size: 1200px;
                animation: tracking-in-expand-fwd-bottom .8s cubic-bezier(.215, .61, .355, 1) both;

                .bg3_title {
                    width: 800px;
                    font-size: 80px;
                    font-weight: bold;
                }

                .bg3_sentence2 {
                    font-size: 50px;
                    margin-top: 20px;
                    width: 800px;
                }

                .bg3_sentence3 {
                    font-size: 30px;
                    margin-top: 20px;
                    color: #c4cae0;
                    width: 800px;
                }

                .bg3_sentence4 {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    margin: 60px 0px 80px 0px;

                    .apple_win {
                        img {
                            margin-left: 40px;
                            transition: transform 0.5s ease-in-out;
                            /* 添加过渡效果 */
                        }

                        img:hover {
                            transform: scale(1.3);
                            /* 放大图片至原尺寸的1.1倍 */
                            transition: transform 0.5s ease-in-out;
                            /* 添加过渡效果 */
                        }
                    }
                }

                .bg3_sentence5 {
                    font-size: 20px;
                    color: #9eb3ee;
                    width: 800px;
                }

                .bg3_sentence6 {
                    width: 630px;
                    margin: 40px 0px;

                    img {
                        height: 40px;
                        margin-right: 20px;
                        margin-bottom: 10px;
                    }
                }
            }

        }
    }

    .box4 {
        border-radius: 20px;
        width: 1400px;
        height: 500px;
        margin: auto;
        background-image: url('/home/box4bg.png');
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        align-items: center;
        padding: 60px;

        .box4_text {
            width: 600px;
            height: 360px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;

            .box4_text1 {
                font-size: 40px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #fff;
            }

            .box4_text2 {
                font-size: 26px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #a0a4a7;
            }

            .box4_text3 {
                cursor: pointer;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: bold;
                color: #fff;
                font-size: 30px;
                display: flex;
                align-items: center;
                transition: 0.5s;

                img {
                    width: 24px;
                    height: 24px;
                    margin-left: 10px;
                    transition: 0.5s;
                }
            }

            .box4_text3:hover {
                cursor: pointer;
                color: #9fb2ed;
                transition: 0.5s;

                img {
                    width: 24px;
                    height: 24px;
                    margin-left: 20px;
                    transition: 0.5s;
                }
            }
        }

        .img1 {
            width: 500px;
            height: 440px;

            img {
                width: 100%;
            }
        }

        .img2 {
            width: 500px;
            height: 440px;

            img {
                width: 100%;
            }
        }
    }

    .box5 {
        height: 500px;
        width: 1400px;
        margin: auto;
        margin-top: 200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .box5_left {
            width: 640px;
            height: 500px;

            .title {
                font-size: 40px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: bold;
                color: #333;
            }

            .content {
                font-size: 26px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #4f5559;
                margin-top: 30px;
            }

            .bottom {
                height: 300px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin-top: 40px;

                .learn_more {
                    cursor: pointer;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: bold;
                    color: #333;
                    font-size: 30px;
                    display: flex;
                    align-items: center;
                    transition: 0.5s;
                    height: 40px;

                    img {
                        width: 24px;
                        height: 24px;
                        margin-left: 10px;
                        transition: 0.5s;
                    }
                }

                .learn_more:hover {
                    color: #1e4dd8;
                    transition: 0.5s;

                    img {
                        margin-left: 20px;
                        transition: 0.5s;
                    }
                }

                img {
                    width: 300px;
                    height: 300px;
                }
            }

        }

        .box5_right {
            width: 640px;
            height: 500px;

            .title {
                font-size: 40px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: bold;
                color: #333;
            }

            .content {
                font-size: 26px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #4f5559;
                margin-top: 30px;
            }

            .bottom {
                height: 400px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;

                .learn_more {
                    cursor: pointer;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: bold;
                    color: #333;
                    font-size: 30px;
                    display: flex;
                    align-items: center;
                    transition: 0.5s;
                    margin-top: 40px;
                    height: 40px;

                    img {
                        width: 24px;
                        height: 24px;
                        margin-left: 10px;
                        transition: 0.5s;
                    }
                }

                .learn_more:hover {
                    color: #1e4dd8;
                    transition: 0.5s;

                    img {
                        margin-left: 20px;
                        transition: 0.5s;
                    }
                }

                img {
                    width: 400px;
                    height: 300px;
                }
            }
        }
    }

    .box6 {
        width: 1400px;
        margin: auto;
        margin-top: 200px;
        display: flex;

        flex-direction: column;

        .box6_title {
            font-size: 40px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #000;
            text-align: center;
        }

        .part {
            margin-top: 60px;
            height: 400px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            .small {
                width: 400px;
                display: flex;
                flex-direction: column;
                align-items: center;

                img {
                    width: 200px;
                }

                .title {
                    font-size: 36px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #000;
                }

                .content {
                    width: 300px;
                    font-size: 26px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #4f5559;
                    margin-top: 40px;
                    text-align: center;
                }
            }
        }
    }

    .box7 {
        border-radius: 20px;
        width: 1400px;
        height: 600px;
        margin: auto;
        margin-top: 200px;
        background-image: url('/home/box7/home_bg5@2x.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-top: 140px;

        .title {
            width: 540px;
            font-size: 40px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #fff;
            margin-left: 60px;
        }

        .centent {
            width: 540px;
            font-size: 26px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #f3f6fc;
            margin-left: 60px;
            margin-top: 40px;
        }

        .bg3_sentence4 {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-left: 60px;
            margin-top: 40px;

            .apple_win {
                img {
                    margin-left: 40px;
                    transition: transform 0.5s ease-in-out;
                    /* 添加过渡效果 */
                }

                img:hover {
                    transform: scale(1.3);
                    /* 放大图片至原尺寸的1.1倍 */
                    transition: transform 0.5s ease-in-out;
                    /* 添加过渡效果 */
                }
            }
        }
    }

}



@keyframes tracking-in-expand-fwd-bottom {
    0% {
        -webkit-transform: translateZ(-70px) translateY(50px);
        transform: translateZ(-70px) translateY(50px);
        opacity: 0;
    }

    40% {
        opacity: 0.1;
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}